<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link type="text/css" rel="stylesheet" th:href="@{/static/index/css/login.css}" />
</head>

<body>
    <!-- 以上不用看 -->
    <div class="list">
        <h1>登录</h1>
        <span>没有账号？转去<a th:href="@{/login/after/join}">注册</a>，或返回<a th:href="@{/index}">主页</a></span>
        <hr />
        <form th:action="@{/toSecurity}" method="post">
            <!-- 表单 -->
            <input type="hidden" name="target" value="login">
            <p>
                <label for="username"><i style="background-image: url(/static/index/images/username.png);"></i></label>
                <!-- 下面是账号行 -->
                <span  th:align="error"></span>
                <input type="text" name="username" id="username" class="put" maxlength="10" placeholder="请输入用户名"/>
                <span class="error ">*</span>
            </p>
            <p>
				<!-- 下面是密码行 -->
                <label for="password "><i style="background-image: url(/static/index/images/password.png); "></i></label>
                <input type="password" id="password " name="password" class="put " maxlength="15 " placeholder="请输入密码 "/>
                <span class="error ">*</span>
            </p>
            <!-- 重复验证的密码框 -->
                <!-- 按钮行 -->
<!--            name 属性值必须位 remember-me.不能改为其他值-->
            记住我：<input type="checkbox" name="remember-me" title="记住密码"/><br/>
            <p>
				<!-- 按钮行 -->
                <input type="submit" name="submit" value="登录"/>
                <input type="reset" name="reset" value="重置" />
            </p>
        </form>
    </div> 

 
    
</body>
</html>